<!DOCTYPE html>
<html dir='ltr' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"> </script> 
<![endif]-->
<meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1' name='viewport'/>
<meta content='text/html;charset=UTF-8' http-equiv='Content-Type'/>
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<script type="text/javascript">(function() { var b=window,f="chrome",g="tick",k="jstiming";(function(){function d(a){this.t={};this.tick=function(a,d,c){var e=void 0!=c?c:(new Date).getTime();this.t[a]=[e,d];if(void 0==c)try{b.console.timeStamp("CSI/"+a)}catch(h){}};this[g]("start",null,a)}var a;b.performance&&(a=b.performance.timing);var n=a?new d(a.responseStart):new d;b.jstiming={Timer:d,load:n};if(a){var c=a.navigationStart,h=a.responseStart;0<c&&h>=c&&(b[k].srt=h-c)}if(a){var e=b[k].load;0<c&&h>=c&&(e[g]("_wtsrt",void 0,c),e[g]("wtsrt_","_wtsrt",h),e[g]("tbsd_","wtsrt_"))}try{a=null,
b[f]&&b[f].csi&&(a=Math.floor(b[f].csi().pageT),e&&0<c&&(e[g]("_tbnd",void 0,b[f].csi().startE),e[g]("tbnd_","_tbnd",c))),null==a&&b.gtbExternal&&(a=b.gtbExternal.pageT()),null==a&&b.external&&(a=b.external.pageT,e&&0<c&&(e[g]("_tbnd",void 0,b.external.startE),e[g]("tbnd_","_tbnd",c))),a&&(b[k].pt=a)}catch(p){}})();b.tickAboveFold=function(d){var a=0;if(d.offsetParent){do a+=d.offsetTop;while(d=d.offsetParent)}d=a;750>=d&&b[k].load[g]("aft")};var l=!1;function m(){l||(l=!0,b[k].load[g]("firstScrollTime"))}b.addEventListener?b.addEventListener("scroll",m,!1):b.attachEvent("onscroll",m);
 })();</script>
<meta content='blogger' name='generator'/>
<link href='http://brosense-responsive.blogspot.com/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='http://brosense-responsive.blogspot.com/' rel='canonical'/>
<link rel="alternate" type="application/atom+xml" title="Brosense Responsive - Atom" href="http://brosense-responsive.blogspot.com/feeds/posts/default" />
<link rel="alternate" type="application/rss+xml" title="Brosense Responsive - RSS" href="http://brosense-responsive.blogspot.com/feeds/posts/default?alt=rss" />
<link rel="service.post" type="application/atom+xml" title="Brosense Responsive - Atom" href="http://www.blogger.com/feeds/6284859399509292436/posts/default" />
<link rel="openid.server" href="http://www.blogger.com/openid-server.g" />
<link rel="openid.delegate" href="http://brosense-responsive.blogspot.com/" />
<!--[if IE]><script type="text/javascript" src="https://www.blogger.com/static/v1/jsbin/2782027608-ieretrofit.js"></script>
<![endif]-->
<meta content='Brosense responsive blogger tempate for AdSense' name='description'/>
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> 
<![endif]-->
<!-- SEO Meta Tag -->
<meta content='Brosense Responsive' name='keywords'/>
<!-- SEO Title Tag -->
<title>Brosense Responsive</title>
<meta content='388521267919993' property='fb:app_id'/>
<link type='text/css' rel='stylesheet' href='https://www.blogger.com/static/v1/widgets/3681447274-widget_css_2_bundle.css' />
<link type='text/css' rel='stylesheet' href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=6284859399509292436&zx=2523581a-4bee-4c6a-9556-471686c4a576' />
<style id='page-skin-1' type='text/css'><!--
/*
-----------------------------------------------
Blogger Template Style
Name:     BroSense
Designer: Mas Sugeng
URL:      www.mas-sugeng.com
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="keycolor" description="Main Color" type="color" default="#117AC9"/>
<Group description="Page Text" selector="body">
<Variable name="body.font" description="Font" type="font"
default="normal normal 13px Arial, sans-serif"/>
<Variable name="body.text.color" description="Main Text Color" type="color" default="#333333"/>
</Group>
<Group description="Links" selector=".main-outer">
<Variable name="link.color" description="Link Color" type="color" default="#0099cc"/>
<Variable name="link.visited.color" description="Visited Color" type="color" default="#0099cc"/>
<Variable name="link.hover.color" description="Hover Color" type="color" default="#006c8e"/>
</Group>
<Group description="Body Backgrounds" selector=".body-fauxcolumns-outer">
<Variable name="body.background.color" description="Outer Background" type="color" default="#dddddd"/>
</Group>
<Group description="Wrapper Backgrounds" selector="#wrapper">
<Variable name="wrapper.background.color" description="Wrapper Background" type="color" default="#ffffff"/>
</Group>
<Group description="Header Background" selector="#header-wrapper">
<Variable name="header.background.color" description="Header Background" type="color" default="#333333"/>
<Variable name="header.border.color" description="Border Color" type="color" default="#232323"/>
</Group>
<Variable name="body.background" description="Body Background" type="background"
color="#dddddd" default="$(color) none repeat scroll top left"/>
<Variable name="body.background.override" description="Body Background Override" type="string" default=""/>
<Group description="Blog Title" selector=".header h1.title, .header p.title">
<Variable name="header.font" description="Font" type="font"
default="normal bold 16px Arial, sans-serif"/>
<Variable name="header.text.color" description="Title Color" type="color" default="#ffffff" />
</Group>
<Group description="Blog Description" selector=".header .description">
<Variable name="description.text.color" description="Description Color" type="color"
default="#ffffff" />
</Group>
<Group description="Post Title" selector="h2.post-title">
<Variable name="post.title.font" description="Font" type="font"
default="normal bold 14px Arial, Helvetica, FreeSans, sans-serif"/>
<Variable name="post.title.color" description="Text Color" type="color" default="#333333"/>
</Group>
<Group description="Post Date" selector=".post-label-block .date-block">
<Variable name="post.date.background.color" description="Background Color" type="color"
default="#89C237"/>
<Variable name="post.date.color" description="Text Color" type="color"
default="#ffffff"/>
</Group>
<Group description="Post Lebel" selector=".post-label-block .label-block">
<Variable name="post.label.background.color" description="Background Color" type="color"
default="#44CCF2"/>
<Variable name="post.label.color" description="Text Color" type="color"
default="#ffffff"/>
</Group>
<Group description="Post Thumbnail" selector=".img-thumbnail">
<Variable name="post.thumbnail.background.color" description="Background Color" type="color"
default="#ffffff"/>
<Variable name="post.thumbnail.border.background.color" description="Border Color" type="color"
default="#e5e5e5"/>
</Group>
<Group description="Sidebar Title" selector=".sidebar h2">
<Variable name="widget.title.background.color" description="Background Color" type="color" default="#117AC9"/>
<Variable name="widget.title.font" description="Title Font" type="font"
default="bold normal 11px Arial, sans-serif"/>
<Variable name="widget.title.text.color" description="Title Color" type="color" default="#ffffff"/>
</Group>
<Group description="Sidebar Title Border" selector=".sidebar h2">
<Variable name="sidebar.title.border.top.color" description="Border Top Color" type="color" default="#3690D4"/>
<Variable name="sidebar.title.border.bottom.color" description="Border Bottom Color" type="color" default="#0F6DB3"/>
</Group>
<Group description="Navigation Menu" selector="#nav">
<Variable name="navigation.menu.font" description="Font" type="font"
default="bold normal 11px Arial, sans-serif"/>
<Variable name="menu.background.color" description="Background Color" type="color" default="#117AC9"/>
<Variable name="menu.navigation.text.color" description="Text Color" type="color" default="#ffffff"/>
<Variable name="menu.navigation.hover.color" description="Hover Color" type="color" default="#333333"/>
</Group>
<Group description="Navigation Menu Border" selector="#nav">
<Variable name="menu.border.top.color" description="Border Top Color" type="color" default="#3690D4"/>
<Variable name="menu.border.bottom.color" description="Border Bottom Color" type="color" default="#0F6DB3"/>
</Group>
<Group description="Search Box" selector="#search-form">
<Variable name="input.background.color" description="Input Background Color" type="color" default="#ffffff"/>
<Variable name="button.background.color" description="Button Background Color" type="color" default="#333333"/>
<Variable name="input.color" description="Input Color" type="color" default="#666666"/>
<Variable name="button.color" description="Button Color" type="color" default="#ffffff"/>
</Group>
<Group description="Footer" selector="#footer-wrapper">
<Variable name="footer.font" description="Font" type="font"
default="normal normal 11px Arial, sans-serif"/>
<Variable name="footer.background.color" description="Background Color" type="color" default="#333333"/>
<Variable name="footer.color" description="Footer Color" type="color" default="#ffffff"/>
<Variable name="footer.border.color" description="Border Color" type="color" default="#454545"/>
</Group>
*/
/**
* Eric Meyer&#39;s Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}/* HTML5 display-role reset for older browsers */article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:&#39;&#39;;content:none;}table{border-collapse:collapse;border-spacing:0;}
/* FRAMEWORK */
.navbar,.post-feeds,.feed-links{display:none;
}
.section,.widget{margin:0 0 0 0;padding:0 0 0 0;
}
strong,b{font-weight:bold;
}
cite,em,i{font-style:italic;
}
a:link{color:#0099cc;text-decoration:none;outline:none;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;
}
a:visited{color:#0099cc;text-decoration:none;
}
a:hover{color:#006c8e;text-decoration:none;
}
a img{border:none;border-width:0;outline:none;
}
abbr,acronym{border-bottom:1px dotted;cursor:help;
}
sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;
}
sub{top:.4em;}small{font-size:86%;
}
kbd{font-size:80%;border:1px solid #999;padding:2px 5px;border-bottom-width:2px;border-radius:3px;
}
mark{background-color:#ffce00;color:black;
}
p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0;
}
hr{height:1px;border:none;background-color:#666;
}
/* heading */
h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:normal;margin:0 0 0.6em;
}
h1{font-size:200%
}
h2{font-size:180%
}
h3{font-size:160%
}
h4{font-size:140%
}
h5{font-size:120%
}
h6{font-size:100%
}
/* list */
ol,ul,dl{margin:.5em 0em .5em 3em
}
ol{list-style:decimal outside
}
ul{list-style:disc outside
}
li{margin:.5em 0
}
dt{font-weight:bold
}
dd{margin:0 0 .5em 2em
}
/* form */
input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline;
}
textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
/* code blockquote */
pre,code{font-family:&quot;Courier New&quot;,Courier,Monospace;color:inherit;
}
pre{white-space:pre;word-wrap:normal;overflow:auto;
}
blockquote{background:#f8f8f8;margin-left:2em;margin-right:2em;border-left:4px solid #ccc;padding:1em 1em;font-style:italic;
}
/* table */
.post-body table[border=&quot;1&quot;] th, .post-body table[border=&quot;1&quot;] td, .post-body table[border=&quot;1&quot;] caption{border:1px solid;padding:.2em .5em;text-align:left;vertical-align:top;
}
.post-body table.tr-caption-container {border:1px solid #e5e5e5;
}
.post-body th{font-weight:bold;
}
.post-body table[border=&quot;1&quot;] caption{border:none;font-style:italic;
}
.post-body table{background:#f6f6f6;
}
.post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #e5e5e5;
}
.post-body th{background:#eee;
}
.post-body table.tr-caption-container td {background:#f6f6f6;border:none;padding:8px;
}
.post-body img {max-width:100%;height:auto;
}
.post-body img, .post-body table.tr-caption-container {max-width:100%;height:auto;
}
.post-body .separator img {max-width:92%;height:auto;
}
.post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;
}
body#layout #wrapper {
padding:0 0 0 0;
}
body#layout #banner728, body#layout #banner728-bottom {
padding:0 18px;
width:auto;
max-width:100%;
}
body#layout #header-wrapper {
margin-top:32px;
}
img {
max-width:100%;
height:auto;
border:0;
}
table {
max-width:100%;
}
.clear {
clear:both;
}
.clear:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}
body {
background:#dddddd none repeat scroll top left;
margin:0 0 0 0;
padding:0 0 0 0;
color:#333333;
font:normal normal 13px Arial, sans-serif;
text-align:left;
}
/* WRAPPER */
#wrapper {
background:#ffffff;
max-width:764px;
margin:0 auto;
padding:0;
box-shadow:0px 0px 5px rgba(30, 30, 30, 0.52);
}
/* HEADER WRAPPER */
#header-wrapper {
background:#333333 url(http://2.bp.blogspot.com/-yNE4A_H3C2o/U1E6RPYNEpI/AAAAAAAADRQ/UOP1mUKaxGE/s1600/line.png) repeat-x top center;
margin:0 auto;
padding:17px 18px 12px;
overflow:hidden;
color:#ffffff;
border-bottom:1px solid #232323;
}
#header-wrapper a img, .banner728 a img {
display:block;
}
.header {
float:left;
max-width:250px;
width:100%;
margin:0 0;
}
.header img {
max-width:250px;
height:auto;
}
.header h1.title,.header p.title {
font:normal bold 16px Arial, sans-serif;
margin:0 0 0 0
}
.header .description {
color:#ffffff;
margin:0.5em 0 0;
padding:0px 0px 0px 0px;
}
.header a {
color:#ffffff;
}
.header a:hover {
color:#0099cc;
}
.banner468 {
float:right;
max-width:468px;
width:100%;
margin:0 0;
}
/* MENU NAVIGATION */
#nav {
font:bold normal 11px Arial, sans-serif;
background:#117AC9;
border-top: 1px solid #3690D4;
border-bottom:1px solid #0F6DB3;
margin:0 auto;
padding:0 0;
text-transform:uppercase;
display:inline-block;
max-width:764px;
width:100%;
}
#nav ul#menu {
float:left;
margin:0px 0px 0px 18px;
padding:0px 0px;
height:34px;
}
#nav li {
margin:0px 0px;
padding:0px 0px;
float:left;
display:inline;
list-style:none;
position:relative;
}
#nav li > a {
display:block;
padding:0 10px;
margin:3px 0;
line-height:28px;
text-decoration:none;
color:#ffffff;
}
#nav li li > a {
display:block;
padding:0 10px;
margin:0 0;
line-height:24px;
text-decoration:none;
color:#ffffff;
}
#nav li:hover > a, #nav a:hover {
background-color:#333333;
}
#nav li ul {
background:#555;
margin:0 0;
width:170px;
height:auto;
position:absolute;
top:31px;
left:0px;
z-index:10;
display:none;
}
#nav li li {
display:block;
float:none;
}
#nav li:hover > ul {
display:block;
}
#nav li ul ul {
left:100%;
top:0px;
}
#search-form {
float:right;
margin:0 18px 0 0;
font-weight:bold;
}
#search-form input#search-box[type="text"] {
background:#ffffff;
float:left;
box-shadow: inset 2px 2px 0 rgba(75, 75, 75, 0.22);
height:26px;
line-height:26px;
margin:4px 0;
padding:0 10px;
width:100px;
color:#666666;
border:none;
}
#search-form input#search-button[type="submit"] {
float:right;
background:#333333;
color:#ffffff;
height:26px;
line-height:26px;
margin:4px 0;
padding:0 7px;
border:none;
}
#search-form input#search-button[type="submit"]:hover{
background:#222;
cursor:pointer
}
#search-form input#search-box[type="text"]:focus {
background:#eee;
outline:none;
}
.banner728, .banner728-bottom {
padding:0 18px;
}
.banner728 h2, .banner728-bottom h2{
display:none;
}
.banner728 .widget-content {
margin:6px 0 0;
max-width:728px;
overflow:hidden;
}
.banner728-bottom .widget-content {
margin:6px 0;
max-width:728px;
overflow:hidden;
}
/* CONTENT WRAPPER */
#content-wrapper {
position:relative;
margin:0 auto;
padding:0 18px;
overflow:hidden;
word-wrap:break-word;
}
/* POST WRAPPER */
#post-wrapper {
float:left;
width:100%;
margin:12px -160px 12px 0
}
.post-container {
margin:0 172px 0 0;
max-width:100%;
}
.breadcrumbs {
font-size:11px;
color:#666;
padding:0 0 5px;
margin:0 0 12px;
border-bottom:1px dotted #ddd;
}
.post-label-block {
margin:0 0 8px;
font-weight:bold;
text-transform:uppercase;
font-size:11px;
}
.post-label-block .label-block {
background:#44CCF2;
color:#ffffff;
display:inline-block;
padding:2px 3px;
margin:0 0 2px;
}
.post-label-block .date-block {
background:#89C237;
color:#ffffff;
display:inline-block;
padding:2px 3px;
margin:0 0 2px;
}
.post-label-block .label-block:hover, .post-label-block .date-block:hover {
background:#333;
}
.post-label-block abbr {
border-bottom:none;
}
.post {
border-bottom:1px dotted #ddd;
margin:0 0 12px;
padding:0 0 7px;
overflow:hidden;
}
.post-body {
line-height: 1.4;
}
h2.post-title, h1.post-title {
font:normal bold 14px Arial, Helvetica, FreeSans, sans-serif;
}
h1.post-title {
margin-bottom:15px;
}
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {
color:#333333;
}
h2.post-title a:hover, h1.post-title a:hover {
color:#0099cc;
}
.img-thumbnail {
background:#ffffff;
float:left;
width:90px;
height:90px;
margin:0 10px 5px 0;
padding:6px;
border:1px solid #e5e5e5;
}
.img-thumbnail img {
width:90px;
height:90px;
}
.post-author {
color:#999;
font-style:italic;
margin:15px 0 0;
font-size:11px;
font-weight:bold;
}
.post-author a {
color:#999;
}
.post-author a:hover {
border-bottom:1px dotted #ddd;
}
#blog-pager {
margin:0 0;
clear:both !important;
padding:3px 3px;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
}
#blog-pager-newer-link a {
background:#89C237;
float:left;
display:block;
padding:2px 3px;
color:#fff;
}
#blog-pager-older-link a {
background:#89C237;
float:right;
display:block;
padding:2px 3px;
color:#fff;
}
a.home-link {
background:#89C237;
display:inline-block;
padding:2px 3px;
color:#fff;
}
#blog-pager-older-link a:hover, #blog-pager-newer-link a:hover, a.home-link:hover {
background-color:#333;
color:#fff;
}
/* SIDEBAR WRAPPER */
#sidebar-wrapper {
float:right;
width:160px;
margin:12px 0;
}
.sidebar-container {
margin:0 0;
}
.sidebar h2 {
font:bold normal 11px Arial, sans-serif;
background:#117AC9;
color:#ffffff;
margin:0 0 10px 0;
padding:4px 8px;
text-transform:uppercase;
border-top: 1px solid #3690D4;
border-bottom:1px solid #0F6DB3;
}
.sidebar .widget {
padding:0 0 10px;
}
.sidebar ul, .sidebar ol {
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
}
.sidebar li {
margin:0 0 0 0;
padding:3px 0;
border-bottom:1px dotted #ddd
}
/* label */
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {
font-size:100%;
filter:alpha(100);
opacity:10
}
.cloud-label-widget-content{
text-align:left
}
.label-size{
display:block;
float:left;
background:#89C237;
margin:0 3px 3px 0;
color:#eee;
font-size:11px;
text-transform:uppercase;
font-weight:bold;
}
.label-size a,.label-size span{
display:inline-block;
color:#fff;
padding:2px 3px;
}
.label-size:hover{
background:#333333
}
.label-count {
white-space:nowrap;
padding-right:3px;
margin-left:-3px;
}
.label-size {
line-height:1.2
}
/* popular post */
.PopularPosts .item-thumbnail{
margin:0 6px 6px 0;
display:inline;
padding:6px;
border:1px solid #e5e5e5;
}
.PopularPosts .item-thumbnail a img{
height:40px;
width:40px;
display:block;
margin:0;
padding:0;
}
.PopularPosts .widget-content ul li{
padding:6px 0px !important;
border-bottom:1px dotted #e2e2e2;
}
.PopularPosts .item-title{
font-weight:bold;
}
.PopularPosts .item-snippet {
font-size:10px;
color:#666;
}
.profile-img {
display:inline;
opaciry:10;
margin:0 6px 3px 0;
}
/* ==== Related Post Widget Start ==== */
.related-post {
margin:15px 0px 0px;
border:1px solid #e5e5e5;
padding:10px;
background:#f6f6f6;
}
.related-post h4 {
font-size:14px;
margin:0 0 .5em;
text-transform:uppercase;
}
.related-post-style-2 {
margin:0 0 0 0 !important;
padding:0 0 0 0 !important;
list-style:none;
}
.related-post-style-2 li {
margin:0 0 0 0;
padding:0 0 0 0;
}
.related-post-style-2 li {
padding:5px 0 !important;
border-top:1px solid #eee;
overflow:hidden;
}
.related-post-style-2 li:first-child {border-top:none}
.related-post-style-2 .related-post-item-thumbnail {
width:40px;
height:40px;
max-width:none;
max-height:none;
background:#fff;
border: 1px solid #e5e5e5;
padding:6px;
float:left;
margin:2px 8px 0 0;
}
.related-post-style-2 .related-post-item-title {
font:bold 14px Arial, sans-serif;
}
.related-post-style-2 .related-post-item-summary {
display:block;
overflow:hidden;
font-size:11px;
}
.related-post-style-2 .related-post-item-more {}
/* share buttons */
.share-buttons-box {
height: 67px;
margin:20px 0 0;
overflow:hidden;
}
.share-buttons {
margin:0 0;
height:67px;
float:left;
}
.share-buttons .share {
float:left;
margin-right:10px;
display:inline-block;
}
/* facebook comments */
.fbbox-comments {
box-sizing: border-box;
-moz-box-sizing: border-box;
background:#f6f6f6;
border:1px solid #e5e5e5;
margin: 0 0 20px;
}
.fb-comments{width: 100% !important;}
.fb-comments iframe[style]{width: 100% !important;}
.fb-like-box{width: 100% !important;}
.fb-like-box iframe[style]{width: 100% !important;}
.fb-comments span{width: 100% !important;}
.fb-comments iframe span[style]{width: 100% !important;}
.fb-like-box span{width: 100% !important;}
.fb-like-box iframe span[style]{width: 100% !important;
}
/* FOOTER WRAPPER */
#footer-wrapper {
background:#333333;
margin:0 auto;
padding:12px 18px;
overflow:hidden;
color:#ffffff;
font:normal normal 11px Arial, sans-serif;
border-top:1px solid #454545;
}
.footer-left {
float:left;
}
.footer-right {
float:right;
}
#footer-wrapper a {
color:#ffffff;
}
#footer-wrapper a:hover {
color:#0099cc;
}
.tinynav {
background:#fff;
display:none;
margin:4px 0 4px 18px;
padding:4px;
border-top:2px solid #ddd;
border-left:2px solid #ddd;
border-right:none;
border-bottom:none;
}
.tinynav option {
padding:0 4px;
}
@media only screen and (max-width:768px){
.header, .banner468 {
float:none;
max-width:100%;
}
.header {
margin:0 0 12px;
}
}
@media only screen and (max-width:640px){
.tinynav {
display: inline-block;
}
#menu {
display:none;
}
}
@media only screen and (max-width:480px){
#header-wrapper {
padding:17px 10px 12px;
}
.header, .banner468 {
text-align:center;
}
#content-wrapper, .banner728, .banner728-bottom {
padding:0 10px;
}
#post-wrapper, #sidebar-wrapper {
width:100%;
max-width:100%;
float:none;
margin:12px 0 12px 0;
}
.post-container {
margin:0 0 0 0;
}
#nav ul#menu {
margin:0px 0px 0px 10px;
}
#search-form {
margin:0 10px 0 0;
}
#footer-wrapper {
padding:12px 10px;
text-align:center;
}
.footer-left, .footer-right {
float:none;
}
.tinynav {
margin:3px 0 3px 10px;
}
.comment .comment-thread.inline-thread .comment {
margin: 0 0 0 0 !important;
}
.related-post {
padding:8px;
}
.comments .comments-content {
padding:0 8px !important;
}
.comments .comments-content .comment-thread ol {
margin:8px 0 !important;
}
}
@media screen and (max-width:320px){
.img-thumbnail {
width:70px;
height:70px;
margin:0 6px 3px 0;
}
.img-thumbnail img {
width:70px;
height:70px;
}
#search-form input#search-box[type="text"] {
width:80px;
}
}
/* VIEWPORT */
@-wekit-viewport{width:device-width;max-zoom:1;min-zoom:1}
@-moz-viewport{width:device-width;max-zoom:1;min-zoom:1}
@-ms-viewport{width:device-width;max-zoom:1;min-zoom:1}
@-o-viewport{width:device-width;max-zoom:1;min-zoom:1}
@viewport{width:device-width;max-zoom:1;min-zoom:1}

--></style>
<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title)
{
var image_width=100;
var image_height=100;
image_tag='<img width="'+image_width+'" height="'+image_height+'" src="'+image_url.replace('/s72-c/','/w'+image_width+'-h'+image_height+'-c/')+'" alt="'+post_title.replace(/"/g,"")+'" title="'+post_title.replace(/"/g,"")+'"/>';
if(post_title!="") return image_tag; else return ""; 
}
//]]>
</script>
<!-- Script Related Post With Thumbnail -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
<script>
//<![CDATA[
/*! http://tinynav.viljamis.com v1.2 by @viljamis */
(function(a,k,g){a.fn.tinyNav=function(l){var c=a.extend({active:"selected",header:"",indent:"- ",label:""},l);return this.each(function(){g++;var h=a(this),b="tinynav"+g,f=".l_"+b,e=a("<select/>").attr("id",b).addClass("tinynav "+b);if(h.is("ul,ol")){""!==c.header&&e.append(a("<option/>").text(c.header));var d="";h.addClass("l_"+b).find("a").each(function(){d+='<option value="'+a(this).attr("href")+'">';var b;for(b=0;b<a(this).parents("ul, ol").length-1;b++)d+=c.indent;d+=a(this).text()+"</option>"});
e.append(d);c.header||e.find(":eq("+a(f+" li").index(a(f+" li."+c.active))+")").attr("selected",!0);e.change(function(){k.location.href=a(this).val()});a(f).after(e);c.label&&e.before(a("<label/>").attr("for",b).addClass("tinynav_label "+b+"_label").append(c.label))}})}})(jQuery,this,0);
//]]>
</script>
<script>
// TinyNav.js
$(function () {
  $('#menu').tinyNav();
});
</script>
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script></head>
<body class='loading'>
<div id='fb-root'></div>
<script>
	//<![CDATA[
	window.fbAsyncInit = function() {
	FB.init({
	appId : '388521267919993',
	status : true, // check login status
	cookie : true, // enable cookies to allow the server to access the session
	xfbml : true // parse XFBML
	});
	};
	(function() {
	var e = document.createElement('script');
	e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
	e.async = true;
	document.getElementById('fb-root').appendChild(e);
	}());
	//]]>
</script>
<!-- navbar menu start -->
<div class='navbar section' id='navbar'><div class='widget Navbar' id='Navbar1'><script type="text/javascript">
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener('load',
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
  </script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
        gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
          if (gapi.iframes && gapi.iframes.getContext) {
            gapi.iframes.getContext().openChild({
                url: 'https://www.blogger.com/navbar.g?targetBlogID\0756284859399509292436\46blogName\75Brosense+Responsive\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://brosense-responsive.blogspot.com/search\46blogLocale\75in\46v\0752\46homepageUrl\75http://brosense-responsive.blogspot.com/\46blogFollowUrl\75https://plus.google.com/104672321397412165407\46vt\0752754217148159918822',
                where: document.getElementById("navbar-iframe-container"),
                id: "navbar-iframe"
            });
          }
        });
      </script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</div></div>
<!-- navbar menu end -->
<!-- wrapper start -->
<div id='wrapper'>
<!-- header wrapper start -->
<header id='header-wrapper'>
<div class='header section' id='header'><div class='widget Header' id='Header1'>
<div id='header-inner'>
<h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'>
Brosense Responsive
</h1>
<a href='http://brosense-responsive.blogspot.com/' style='display: block'>
<img alt='Brosense Responsive' height='60px; ' id='Header1_headerimg' src='http://2.bp.blogspot.com/-BdRvljiasYM/U3EhKUVlbgI/AAAAAAAAAaE/FLK8G8tUuS0/s600/text29u89.png' style='display: block' width='223px; '/>
</a>
</div>
</div></div>
<div class='banner468 section' id='banner468'><div class='widget HTML' id='HTML3'>
<div class='widget-content'>
<a href="http://secure.hostgator.com/~affiliat/cgi-bin/affiliates/clickthru.cgi?id=massugeng-"><img src="http://tracking.hostgator.com/img/VPS/468x60-animated.gif" border="0" /></a>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=6284859399509292436&widgetType=HTML&widgetId=HTML3&action=editWidget&sectionId=banner468' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML3"));' target='configHTML3' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div></div>
<div class='clear'></div>
</header>
<!-- header wrapper end -->
<!-- desktop navigation menu start -->
<nav id='nav'>
<ul id='menu'>
<li><a href='/'>Home</a></li>
<li><a href='#'>Menu 1</a>
<ul>
<li><a href='#'>Sub Menu 1</a></li>
<li><a href='#'>Sub Menu 2</a></li>
<li><a href='#'>Sub Menu 3</a></li>
</ul>
</li>
<li><a href='#'>Menu 2</a>
<ul>
<li><a href='#'>Sub Menu 1</a>
</li>
<li><a href='#'>Sub Menu 2</a></li>
<li><a href='#'>Sub Menu 3</a></li>
</ul>
</li>
<li><a href='#'>Menu 3</a></li>
<li><a href='/2013/10/markup-html-tags-and-formatting.html'>Markup</a></li>
<li><a href='/massugeng'>Error Page</a></li>
<li><a href='/p/lorem-ipsum-dolor-sit-amet-consectetur.html'>Static Page</a></li>
</ul>
<form action='/search' id='search-form' method='get' style='display: inline;'><input id='search-box' name='q' onblur='if(this.value==&#39;&#39;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&#39;&#39;;' type='text' value='Search...' vinput=''/>
<input id='search-button' type='submit' value='Go'/></form>
</nav>
<div class='clear'></div>
<!-- secondary navigation menu end -->
<div class='banner728 section' id='banner728'><div class='widget HTML' id='HTML2'>
<div class='widget-content'>
<a href="http://secure.hostgator.com/~affiliat/cgi-bin/affiliates/clickthru.cgi?id=massugeng-"><img src="http://tracking.hostgator.com/img/Shared_Yellow/728x90-animated.gif" border="0" /></a>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=6284859399509292436&widgetType=HTML&widgetId=HTML2&action=editWidget&sectionId=banner728' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML2"));' target='configHTML2' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div></div>
<!-- content wrapper start -->
<div id='content-wrapper'>
<!-- post wrapper start -->
<div id='post-wrapper'>
<div class='post-container'>
<div class='main section' id='main'><div class='widget Blog' id='Blog1'>
<div class='blog-posts hfeed'>
<!-- google_ad_section_start(name=default) -->

          <div class="date-outer">
        

          <div class="date-posts">
        
<div class='post-outer'>
<article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<meta content='http://3.bp.blogspot.com/-39vvRK01Q_g/U10KqwNstRI/AAAAAAAADU4/WrkAdjP92ls/s1600/1442175_11564453.jpg' itemprop='image'/>
<a href='http://brosense-responsive.blogspot.com/2014/04/at-vero-eos-et-accusam-sea-takimata.html'><div class='img-thumbnail'><script type='text/javascript'>
		document.write(bp_thumbnail_resize("http://3.bp.blogspot.com/-39vvRK01Q_g/U10KqwNstRI/AAAAAAAADU4/WrkAdjP92ls/s72-c/1442175_11564453.jpg",'At Vero Eos et Accusam Sea Takimata Sanctus'));
		</script></div>
</a>
<div class='post-label-block'>
<span class='date-block'><abbr class='published updated' title='2014-04-27T06:48:00-07:00'>
Minggu, 27 April 2014</abbr></span>
<a class='label-block' href='http://brosense-responsive.blogspot.com/search/label/Smartphone' rel='tag'>
Smartphone</a>
</div>
<a name='4787528018244308323'></a>
<h2 class='post-title entry-title' itemprop='name'>
<a href='http://brosense-responsive.blogspot.com/2014/04/at-vero-eos-et-accusam-sea-takimata.html'>
At Vero Eos et Accusam Sea Takimata Sanctus</a>
</h2>
<div class='post-header'>
<div class='post-header-line-1'></div>
</div>
<div class='post-body entry-content' id='post-body-4787528018244308323' itemprop='articleBody'>
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit 
amet. Duis autem vel eu...
<div style='clear: both;'></div>
</div>
</article>
</div>
<div class='post-outer'>
<article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<meta content='http://4.bp.blogspot.com/-wFbYHnK9iuI/U10KZYzEALI/AAAAAAAADUw/VT2BsQkJgiQ/s1600/1442489_95610342.jpg' itemprop='image'/>
<a href='http://brosense-responsive.blogspot.com/2014/04/duis-autem-vel-eum-iriure-stet-clita.html'><div class='img-thumbnail'><script type='text/javascript'>
		document.write(bp_thumbnail_resize("http://4.bp.blogspot.com/-wFbYHnK9iuI/U10KZYzEALI/AAAAAAAADUw/VT2BsQkJgiQ/s72-c/1442489_95610342.jpg",'Duis Autem Vel Eum Iriure Stet Clita'));
		</script></div>
</a>
<div class='post-label-block'>
<span class='date-block'><abbr class='published updated' title='2014-04-27T06:47:00-07:00'>
06.47</abbr></span>
<a class='label-block' href='http://brosense-responsive.blogspot.com/search/label/Celeb' rel='tag'>
Celeb</a>
</div>
<a name='4290432429376811165'></a>
<h2 class='post-title entry-title' itemprop='name'>
<a href='http://brosense-responsive.blogspot.com/2014/04/duis-autem-vel-eum-iriure-stet-clita.html'>
Duis Autem Vel Eum Iriure Stet Clita</a>
</h2>
<div class='post-header'>
<div class='post-header-line-1'></div>
</div>
<div class='post-body entry-content' id='post-body-4290432429376811165' itemprop='articleBody'>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod 
tempor invidunt ut l...
<div style='clear: both;'></div>
</div>
</article>
</div>
<div class='post-outer'>
<article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<meta content='http://1.bp.blogspot.com/-s9QU-wIhuBU/U10KGdpr73I/AAAAAAAADUo/y3w_RfKOfjw/s1600/1422352_80603298.jpg' itemprop='image'/>
<a href='http://brosense-responsive.blogspot.com/2014/04/ut-wisi-enim-ad-minim-eirmod-tempor.html'><div class='img-thumbnail'><script type='text/javascript'>
		document.write(bp_thumbnail_resize("http://1.bp.blogspot.com/-s9QU-wIhuBU/U10KGdpr73I/AAAAAAAADUo/y3w_RfKOfjw/s72-c/1422352_80603298.jpg",'Ut Wisi Enim ad Minim Eirmod Tempor'));
		</script></div>
</a>
<div class='post-label-block'>
<span class='date-block'><abbr class='published updated' title='2014-04-27T06:46:00-07:00'>
06.46</abbr></span>
<a class='label-block' href='http://brosense-responsive.blogspot.com/search/label/Sports' rel='tag'>
Sports</a>
</div>
<a name='338710838725132277'></a>
<h2 class='post-title entry-title' itemprop='name'>
<a href='http://brosense-responsive.blogspot.com/2014/04/ut-wisi-enim-ad-minim-eirmod-tempor.html'>
Ut Wisi Enim ad Minim Eirmod Tempor</a>
</h2>
<div class='post-header'>
<div class='post-header-line-1'></div>
</div>
<div class='post-body entry-content' id='post-body-338710838725132277' itemprop='articleBody'>
Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et 
dolore magna aliquy...
<div style='clear: both;'></div>
</div>
</article>
</div>
<div class='post-outer'>
<article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<meta content='http://2.bp.blogspot.com/-r9LmjBlx5mk/U10JwV06cjI/AAAAAAAADUg/hEd3mz_7yUo/s1600/1417678_94310250.jpg' itemprop='image'/>
<a href='http://brosense-responsive.blogspot.com/2014/04/sanctus-sea-sed-takimata.html'><div class='img-thumbnail'><script type='text/javascript'>
		document.write(bp_thumbnail_resize("http://2.bp.blogspot.com/-r9LmjBlx5mk/U10JwV06cjI/AAAAAAAADUg/hEd3mz_7yUo/s72-c/1417678_94310250.jpg",'Sanctus sea sed takimata'));
		</script></div>
</a>
<div class='post-label-block'>
<span class='date-block'><abbr class='published updated' title='2014-04-27T06:45:00-07:00'>
06.45</abbr></span>
<a class='label-block' href='http://brosense-responsive.blogspot.com/search/label/Gadget' rel='tag'>
Gadget</a>
</div>
<a name='8302273552878693716'></a>
<h2 class='post-title entry-title' itemprop='name'>
<a href='http://brosense-responsive.blogspot.com/2014/04/sanctus-sea-sed-takimata.html'>
Sanctus sea sed takimata</a>
</h2>
<div class='post-header'>
<div class='post-header-line-1'></div>
</div>
<div class='post-body entry-content' id='post-body-8302273552878693716' itemprop='articleBody'>
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie 
consequat, vel illum d...
<div style='clear: both;'></div>
</div>
</article>
</div>

            </div></div>
          

          <div class="date-outer">
        

          <div class="date-posts">
        
<div class='post-outer'>
<article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<meta content='http://3.bp.blogspot.com/-V1HALWThnO8/Ulo9OG0nNRI/AAAAAAAAAU4/uzmbzUD4za8/s1600/classic_car_07.jpg' itemprop='image'/>
<a href='http://brosense-responsive.blogspot.com/2013/10/curabitur-sodales-in-libero.html'><div class='img-thumbnail'><script type='text/javascript'>
		document.write(bp_thumbnail_resize("http://3.bp.blogspot.com/-V1HALWThnO8/Ulo9OG0nNRI/AAAAAAAAAU4/uzmbzUD4za8/s72-c/classic_car_07.jpg",'Curabitur Sodales &quot;Ligula&quot; in Libero'));
		</script></div>
</a>
<div class='post-label-block'>
<span class='date-block'><abbr class='published updated' title='2013-10-12T23:33:00-07:00'>
Sabtu, 12 Oktober 2013</abbr></span>
<a class='label-block' href='http://brosense-responsive.blogspot.com/search/label/News' rel='tag'>
News</a>
</div>
<a name='4415620109003962737'></a>
<h2 class='post-title entry-title' itemprop='name'>
<a href='http://brosense-responsive.blogspot.com/2013/10/curabitur-sodales-in-libero.html'>
Curabitur Sodales &quot;Ligula&quot; in Libero</a>
</h2>
<div class='post-header'>
<div class='post-header-line-1'></div>
</div>
<div class='post-body entry-content' id='post-body-4415620109003962737' itemprop='articleBody'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. 
Praesent libero. Sed curs...
<div style='clear: both;'></div>
</div>
</article>
</div>
<div class='post-outer'>
<article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<meta content='http://3.bp.blogspot.com/-3GSWOvDZvkQ/UlkM0FmwWvI/AAAAAAAAAUU/0-iL68-_Gdk/s1600/bigpreview_Classic+Car.jpg' itemprop='image'/>
<a href='http://brosense-responsive.blogspot.com/2013/10/turpis-sit-amet-bibendum-dictum-mi.html'><div class='img-thumbnail'><script type='text/javascript'>
		document.write(bp_thumbnail_resize("http://3.bp.blogspot.com/-3GSWOvDZvkQ/UlkM0FmwWvI/AAAAAAAAAUU/0-iL68-_Gdk/s72-c/bigpreview_Classic+Car.jpg",'Turpis sit Amet Bibendum Dictum, mi Justo Varius orci'));
		</script></div>
</a>
<div class='post-label-block'>
<span class='date-block'><abbr class='published updated' title='2013-10-12T01:49:00-07:00'>
01.49</abbr></span>
<a class='label-block' href='http://brosense-responsive.blogspot.com/search/label/Sports' rel='tag'>
Sports</a>
</div>
<a name='3852718812683897057'></a>
<h2 class='post-title entry-title' itemprop='name'>
<a href='http://brosense-responsive.blogspot.com/2013/10/turpis-sit-amet-bibendum-dictum-mi.html'>
Turpis sit Amet Bibendum Dictum, mi Justo Varius orci</a>
</h2>
<div class='post-header'>
<div class='post-header-line-1'></div>
</div>
<div class='post-body entry-content' id='post-body-3852718812683897057' itemprop='articleBody'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat 
tellus est, id fermentum ...
<div style='clear: both;'></div>
</div>
</article>
</div>
<div class='post-outer'>
<article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<meta content='http://2.bp.blogspot.com/-5AQP9Nh7CHo/UlkLzAbM9HI/AAAAAAAAAUI/S1hIdhab35M/s1600/classic_car_07.jpg' itemprop='image'/>
<a href='http://brosense-responsive.blogspot.com/2013/10/quisque-viverra-sem-libero-et-porta.html'><div class='img-thumbnail'><script type='text/javascript'>
		document.write(bp_thumbnail_resize("http://2.bp.blogspot.com/-5AQP9Nh7CHo/UlkLzAbM9HI/AAAAAAAAAUI/S1hIdhab35M/s72-c/classic_car_07.jpg",'Quisque Viverra Sem Libero, et Porta Odio blandit ac'));
		</script></div>
</a>
<div class='post-label-block'>
<span class='date-block'><abbr class='published updated' title='2013-10-12T01:44:00-07:00'>
01.44</abbr></span>
<a class='label-block' href='http://brosense-responsive.blogspot.com/search/label/Hot' rel='tag'>
Hot</a>
</div>
<a name='5939086188985110248'></a>
<h2 class='post-title entry-title' itemprop='name'>
<a href='http://brosense-responsive.blogspot.com/2013/10/quisque-viverra-sem-libero-et-porta.html'>
Quisque Viverra Sem Libero, et Porta Odio blandit ac</a>
</h2>
<div class='post-header'>
<div class='post-header-line-1'></div>
</div>
<div class='post-body entry-content' id='post-body-5939086188985110248' itemprop='articleBody'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat 
tellus est, id fermentum ...
<div style='clear: both;'></div>
</div>
</article>
</div>

        </div></div>
      
<!-- google_ad_section_end -->
</div>
<div class='blog-pager' id='blog-pager'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' href='http://brosense-responsive.blogspot.com/search?updated-max=2013-10-12T01:44:00-07:00&amp;max-results=7' id='Blog1_blog-pager-older-link' title='Posting Lama'>
Posting Lama</a>
</span>
<a class='home-link' href='http://brosense-responsive.blogspot.com/'>Beranda</a>
</div>
<div class='clear'></div>
<div class='blog-feeds'>
<div class='feed-links'>
Langganan:
<a class='feed-link' href='http://brosense-responsive.blogspot.com/feeds/posts/default' target='_blank' type='application/atom+xml'>
Entri (Atom)</a>
</div>
</div>
<script type="text/javascript">window.___gcfg = {'lang': 'in'};</script>
</div></div>
</div>
</div>
<!-- post wrapper end -->
<!-- sidebar wrapper start -->
<aside id='sidebar-wrapper'>
<div class='sidebar-container'>
<div class='sidebar section' id='sidebar'><div class='widget HTML' id='HTML1'>
<div class='widget-content'>
<a tarfet='_blank' title='Free and Premium Blogger Templates' href='http://www.evotemplates.net'><img width='160' height='600' alt='Blogger Templates' src='http://1.bp.blogspot.com/-aTNfi3fKvKI/UwwWIkJetXI/AAAAAAAADDg/gwhmmjOrgyA/s1600/banner160x600.png'/></a>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=6284859399509292436&widgetType=HTML&widgetId=HTML1&action=editWidget&sectionId=sidebar' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML1"));' target='configHTML1' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div><div class='widget Label' id='Label2'>
<h2>Label</h2>
<div class='widget-content list-label-widget-content'>
<ul>
<li>
<a dir='ltr' href='http://brosense-responsive.blogspot.com/search/label/Celeb'>
Celeb</a>
</li>
<li>
<a dir='ltr' href='http://brosense-responsive.blogspot.com/search/label/Entertainment'>
Entertainment</a>
</li>
<li>
<a dir='ltr' href='http://brosense-responsive.blogspot.com/search/label/Gadget'>
Gadget</a>
</li>
<li>
<a dir='ltr' href='http://brosense-responsive.blogspot.com/search/label/Health'>
Health</a>
</li>
<li>
<a dir='ltr' href='http://brosense-responsive.blogspot.com/search/label/Hot'>Hot</a>
</li>
<li>
<a dir='ltr' href='http://brosense-responsive.blogspot.com/search/label/Info'>
Info</a>
</li>
<li>
<a dir='ltr' href='http://brosense-responsive.blogspot.com/search/label/Markup'>
Markup</a>
</li>
<li>
<a dir='ltr' href='http://brosense-responsive.blogspot.com/search/label/News'>
News</a>
</li>
<li>
<a dir='ltr' href='http://brosense-responsive.blogspot.com/search/label/Reviews'>
Reviews</a>
</li>
<li>
<a dir='ltr' href='http://brosense-responsive.blogspot.com/search/label/Smartphone'>
Smartphone</a>
</li>
<li>
<a dir='ltr' href='http://brosense-responsive.blogspot.com/search/label/Sports'>
Sports</a>
</li>
<li>
<a dir='ltr' href='http://brosense-responsive.blogspot.com/search/label/Technology'>
Technology</a>
</li>
</ul>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=6284859399509292436&widgetType=Label&widgetId=Label2&action=editWidget&sectionId=sidebar' onclick='return _WidgetManager._PopupConfig(document.getElementById("Label2"));' target='configLabel2' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div>
</div></div>
</div>
</aside>
<!-- sidebar wrapper end -->
</div>
<!-- content wrapper end -->
<div class='clear'></div>
<div class='banner728-bottom section' id='banner728-bottom'><div class='widget HTML' id='HTML6'>
<h2 class='title'>wdcfawqafwef</h2>
<div class='widget-content'>
<a href="http://secure.hostgator.com/~affiliat/cgi-bin/affiliates/clickthru.cgi?id=massugeng-"><img src="http://tracking.hostgator.com/img/Shared_Yellow/728x90-animated.gif" border="0" /></a>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=6284859399509292436&widgetType=HTML&widgetId=HTML6&action=editWidget&sectionId=banner728-bottom' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML6"));' target='configHTML6' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div></div>
<!-- footer wrapper start -->
<footer id='footer-wrapper'>
<div class='footer-left'>
		Copyright 2014 <a href='http://brosense-responsive.blogspot.com/' rel='copyright'>
		Brosense Responsive</a>
</div>
<div class='footer-right'>
		Template by <a href='http://www.evotemplates.net/' target='_blank' title='Blogger'>
		Evo Templates</a>
</div>
</footer>
<!-- footer wrapper end -->
</div>
<!-- wrapper end -->
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
</script><script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2773501920-widgets.js"></script>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type='text/javascript'>
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV2";window['blogger_blog_id'] = '6284859399509292436';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d6284859399509292436','//brosense-responsive.blogspot.com/','6284859399509292436');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '6284859399509292436', 'bloggerUrl': 'http://www.blogger.com', 'title': 'Brosense Responsive', 'pageType': 'index', 'url': 'http://brosense-responsive.blogspot.com/', 'canonicalUrl': 'http://brosense-responsive.blogspot.com/', 'canonicalHomepageUrl': 'http://brosense-responsive.blogspot.com/', 'homepageUrl': 'http://brosense-responsive.blogspot.com/', 'blogspotFaviconUrl': 'http://brosense-responsive.blogspot.com/favicon.ico', 'enabledCommentProfileImages': true, 'adultContent': false, 'disableAdSenseWidget': false, 'analyticsAccountNumber': '', 'searchLabel': '', 'searchQuery': '', 'pageName': '', 'pageTitle': 'Brosense Responsive', 'metaDescription': 'Brosense responsive blogger tempate for AdSense', 'encoding': 'UTF-8', 'locale': 'id', 'localeUnderscoreDelimited': 'id', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'languageDirection': 'ltr', 'feedLinks': '\74link rel\75\42alternate\42 type\75\42application/atom+xml\42 title\75\42Brosense Responsive - Atom\42 href\75\42http://brosense-responsive.blogspot.com/feeds/posts/default\42 /\76\n\74link rel\75\42alternate\42 type\75\42application/rss+xml\42 title\75\42Brosense Responsive - RSS\42 href\75\42http://brosense-responsive.blogspot.com/feeds/posts/default?alt\75rss\42 /\76\n\74link rel\75\42service.post\42 type\75\42application/atom+xml\42 title\75\42Brosense Responsive - Atom\42 href\75\42http://www.blogger.com/feeds/6284859399509292436/posts/default\42 /\76\n', 'meTag': '', 'openIdOpTag': '\74link rel\75\42openid.server\42 href\75\42http://www.blogger.com/openid-server.g\42 /\76\n\74link rel\75\42openid.delegate\42 href\75\42http://brosense-responsive.blogspot.com/\42 /\76\n', 'latencyHeadScript': '\74script type\75\42text/javascript\42\76(function() { var b\75window,f\75\42chrome\42,g\75\42tick\42,k\75\42jstiming\42;(function(){function d(a){this.t\75{};this.tick\75function(a,d,c){var e\75void 0!\75c?c:(new Date).getTime();this.t[a]\75[e,d];if(void 0\75\75c)try{b.console.timeStamp(\42CSI/\42+a)}catch(h){}};this[g](\42start\42,null,a)}var a;b.performance\46\46(a\75b.performance.timing);var n\75a?new d(a.responseStart):new d;b.jstiming\75{Timer:d,load:n};if(a){var c\75a.navigationStart,h\75a.responseStart;0\74c\46\46h\76\75c\46\46(b[k].srt\75h-c)}if(a){var e\75b[k].load;0\74c\46\46h\76\75c\46\46(e[g](\42_wtsrt\42,void 0,c),e[g](\42wtsrt_\42,\42_wtsrt\42,h),e[g](\42tbsd_\42,\42wtsrt_\42))}try{a\75null,\nb[f]\46\46b[f].csi\46\46(a\75Math.floor(b[f].csi().pageT),e\46\0460\74c\46\46(e[g](\42_tbnd\42,void 0,b[f].csi().startE),e[g](\42tbnd_\42,\42_tbnd\42,c))),null\75\75a\46\46b.gtbExternal\46\46(a\75b.gtbExternal.pageT()),null\75\75a\46\46b.external\46\46(a\75b.external.pageT,e\46\0460\74c\46\46(e[g](\42_tbnd\42,void 0,b.external.startE),e[g](\42tbnd_\42,\42_tbnd\42,c))),a\46\46(b[k].pt\75a)}catch(p){}})();b.tickAboveFold\75function(d){var a\0750;if(d.offsetParent){do a+\75d.offsetTop;while(d\75d.offsetParent)}d\75a;750\76\75d\46\46b[k].load[g](\42aft\42)};var l\75!1;function m(){l||(l\75!0,b[k].load[g](\42firstScrollTime\42))}b.addEventListener?b.addEventListener(\42scroll\42,m,!1):b.attachEvent(\42onscroll\42,m);\n })();\74/script\076', 'mobileHeadScript': '', 'ieCssRetrofitLinks': '\74!--[if IE]\76\74script type\75\42text/javascript\42 src\75\42https://www.blogger.com/static/v1/jsbin/2782027608-ieretrofit.js\42\76\74/script\76\n\74![endif]--\076', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/76f25a6f2e06af76', 'plusOneApiSrc': 'https://apis.google.com/js/plusone.js', 'sf': 'n'}}, {'name': 'skin', 'data': {'vars': {'widget_title_background_color': '#117AC9', 'input_color': '#666666', 'menu_border_bottom_color': '#0F6DB3', 'button_color': '#ffffff', 'menu_background_color': '#117AC9', 'post_label_background_color': '#44CCF2', 'navigation_menu_font': 'bold normal 11px Arial, sans-serif', 'body_background_override': '', 'sidebar_title_border_bottom_color': '#0F6DB3', 'wrapper_background_color': '#ffffff', 'link_hover_color': '#006c8e', 'input_background_color': '#ffffff', 'header_border_color': '#232323', 'button_background_color': '#333333', 'description_text_color': '#ffffff', 'body_text_color': '#333333', 'link_visited_color': '#0099cc', 'post_title_font': 'normal bold 14px Arial, Helvetica, FreeSans, sans-serif', 'menu_border_top_color': '#3690D4', 'post_title_color': '#333333', 'body_font': 'normal normal 13px Arial, sans-serif', 'post_thumbnail_background_color': '#ffffff', 'footer_border_color': '#454545', 'post_label_color': '#ffffff', 'post_date_background_color': '#89C237', 'post_date_color': '#ffffff', 'sidebar_title_border_top_color': '#3690D4', 'post_thumbnail_border_background_color': '#e5e5e5', 'widget_title_font': 'bold normal 11px Arial, sans-serif', 'widget_title_text_color': '#ffffff', 'keycolor': '#117AC9', 'link_color': '#0099cc', 'menu_navigation_text_color': '#ffffff', 'footer_font': 'normal normal 11px Arial, sans-serif', 'header_font': 'normal bold 16px Arial, sans-serif', 'header_background_color': '#333333', 'footer_color': '#ffffff', 'footer_background_color': '#333333', 'header_text_color': '#ffffff', 'body_background_color': '#dddddd', 'menu_navigation_hover_color': '#333333'}, 'override': ''}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\75classic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\75flipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\75magazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\75mosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\75sidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\75snapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\75timeslide'}}}]);
_WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', null, document.getElementById('Navbar1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', null, document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'banner468', null, document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'banner728', null, document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', null, document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2495161067-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/2392111094-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar', null, document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label2', 'sidebar', null, document.getElementById('Label2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'banner728-bottom', null, document.getElementById('HTML6'), {}, 'displayModeFull'));
</script>
</body>
</html>